<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>特殊的样式</title>
    <style>
        a{
            /* 点击高亮我们需要清除,设置为transparent 完成透明 */
            -webkit-tap-highlight-color: transparent;
        }

     
        input {
            /* 在移动端浏览器默认的外观在ios上加上这个属性才能给按钮和输入框自定义样式 */
            /* 去除ios中按钮的亮光效果,然后我们手动的去设置按钮的样式即可 */
            -webkit-appearance: none;
        }

        /* 禁用长按页面时的弹出菜单 */
        img,a{
            -webkit-touch-callout: none;
        }
    </style>
</head>
<body>
    <!-- 移动端点击超链接背景有高亮效果 -->
    <!-- 移动端手指放到页面、图片或链接上,按住时间长了会弹出右键菜单来 -->
    <a href="#">super man</a>

    <!-- 移动端在ios中按钮有一个亮光效果 -->
    <input type="button" value="按钮">

    

</body>
</html>